<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="zh" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title th:replace="${view} :: title">Demo4j Template</title>
		<link th:href="@{/assets/lib/bootstrap3/css/bootstrap.min.css}" rel="stylesheet" />
		<link th:href="@{/assets/lib/bootstrap3/css/bootstrap-theme.min.css}" rel="stylesheet" />
		<link th:href="@{/assets/css/share/common.css}" rel="stylesheet" />
		<link th:replace="${view} :: css" href="style.css" rel="stylesheet" />
		<!-- 不能使用"${view} :: head"，这会把子页面的整个head标签的内容替换到区块中 -->
		<th:block th:replace="${view} :: header"></th:block>
	</head>
	<body>
		<div class="navbar navbar-default" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">Demo4J</a>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li class=""><a href="./Theme Template for Bootstrap_files/Theme Template for Bootstrap.htm">Daily</a></li>
						<li class="dropdown">
							<a href="./Theme Template for Bootstrap_files/Theme Template for Bootstrap.htm" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="./Theme Template for Bootstrap_files/Theme Template for Bootstrap.htm">Action</a></li>
								<li class="divider"></li>
								<li class="dropdown-header">Nav header</li>
								<li><a href="./Theme Template for Bootstrap_files/Theme Template for Bootstrap.htm">个人资料</a></li>
								<li><a href="./Theme Template for Bootstrap_files/Theme Template for Bootstrap.htm">One more separated link</a></li>
							</ul>
						</li>
					</ul>
					<span sec:authentication="name"></span>
					<a th:href="@{/signin.html}" class="btn btn-default navbar-btn navbar-right" href="#" role="button">Sign in</a>
				</div>
			</div>
		</div>

		<div th:include="${view} :: content" class="container" role="main">
			<div class="jumbotron">
				<h1>Hello, world!</h1>
				<p>这是Demo4j的模版页面内容</p>
			</div>
		</div><!-- /container -->

		<script th:src="@{/assets/lib/jquery2/jquery.min.js}" type="text/javascript"></script>
		<script th:src="@{/assets/lib/bootstrap3/js/bootstrap.min.js}" type="text/javascript"></script>
		<th:block th:replace="${view} :: script"></th:block>
	</body>
</html>